<ion-modal-view ng-controller="${widgetCode}Ctrl">
  <ion-header-bar class="bar bar-header bar-positive">
	 <button ng-click="closeModal()" class="button back-button buttons button-clear header-item">
		<i class="icon ion-android-arrow-back"></i> 
     </button>   
     <h1 class="title">{{modalTitle}}</h1>
  </ion-header-bar>
  <ion-content>
	<div class="content">
	  <form name="costForm" novalidate>
	   <div class="row">
	     <div class="col col-20">
	       <p style="height: 28px;line-height: 28px;">标题&nbsp;:</p>
	     </div>
	     <div class="col item-input-inset">
		 	<label class="item-input-wrapper">
		    	<input type="text" name = "theme" ng-model="costData.theme" value="{{costData.theme}}" placeholder="请输入你标题" required>
		 	</label>
	     </div>
		 <div class="col col-20">
		 	<p style="height: 28px;line-height: 28px;color:red" ng-show="costForm.theme.$error.required">(必填)</p>
		 </div>
	   </div>
	
	   <div class="row">
		   <div class="col col-20">
		      <p style="height: 28px;line-height: 28px;">报销金额&nbsp;:</p>
		   </div>
		   <div class="col col-30 item-input-inset">
		       <label class="item-input-wrapper">
		           <input type="number" name="money" ng-model="costData.money" value="{{costData.money}}" placeholder="请输入数字" required >
		       </label>
		   </div>
		   <div class="col">
			   <p style="height: 28px;line-height: 28px;"><span style="color:red" ng-show="costForm.money.$error.required">&nbsp;(必填)</span></p>
		   </div>
	   </div>
	
	   <div class="row">
	       <div class="col col-20">
	           <p style="height: 28px;line-height: 28px;">报销类型&nbsp;:</p>
	       </div>
	       <div class="col col-30 ">
	           <div style="padding:2px;height:28px;border-radius:4px;background:#eeeeee;border-style:solid;">
		            <select ng-model="costData.style" name="style"  style="border: none;outline:none;background-color: transparent;width: 100%;" data-tap-disabled="true" required>
		               <option ng-repeat="x in costData.styleSelect" value = "{{x.code}}" ng-selected="{{x.selected}}" >{{x.name }}</option>
		           </select> 
	           </div>
	      </div>
	      <div class="col">
	          <p style="height: 28px;line-height: 28px;color:red" ng-show="costForm.style.$error.required">(必选)</p>
	      </div>
	  </div>
	  <div class="row">
		  <div class="col col-20">
		    <p style="height: 28px;line-height: 28px;">费用明细&nbsp;:</p>
		  </div>
	  </div>
	  <div class="row">
		  <div class="col ">
			  <div style="padding:4px;border-radius:6px;background:#eeeeee;border-style:solid;">
			  	  <textarea  rows="8" ng-model="costData.desc" style="width: 100%" placeholder="请填写费用明细（必填）" required >{{ costData.desc }}</textarea>
			  </div>
		  </div>
	  </div>
	  <div class="row content" style="text-align: center;margin-top: 30px;" ng-show="{{buttonShowState}}">
		  <div class="col" ><button class="button  button-calm" style="width: 70%;" ng-click = "saveDetailInfo()" ng-disabled = "costForm.$invalid">保存</button></div>
		  <div class="col" ><button class="button  button-assertive" style="width: 70%;" ng-click = "submitDetailInfo()" ng-disabled = "{{submitButtonState}}">提交</button></div>
	  </div>
	  </form>
	</div>
  </ion-content>
</ion-modal-view>